<template>
  <div class="infomation">
    <div class="top">
      <!-- 顶部导航栏 -->
      <van-nav-bar>
        <template #title>
          消息通知
        </template>
        <template #left>
          <div class="myicon" @click="back"><van-icon name="arrow-left" /></div
        ></template>
      </van-nav-bar>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    back () {
      this.$router.back()
    }
  }
}
</script>
<style lang="less" scoped>
.infomation {
  .top {
    /deep/ .van-nav-bar__content {
      background-color: #3296fa;
    }
    /deep/ .van-nav-bar__title.van-ellipsis {
      color: #fff;
    }
    .myicon {
      /deep/ i.van-icon.van-icon-arrow-left {
        color: #fff;
        font-size: 26px;
      }
    }
  }
}
</style>
